function lazyload(){
        // 1 每次获取最新的 可见视口 + 滚动的高度
        var temp1=windox.innerHeight||document.documentElement.clientHeight // 兼容ie
        var temp2=document.body.scrollTop||documentElement.scrollTop // 兼容doctype
        var maxShowHeight=temp1+temp2
        // 2 获取所有图片
        var imgs=document.querySelectorAll('img')
        // 3 遍历
        imgs.forEach(function(item,index){// item就是每一个图片标签对象
            // 4 判断：当前图片的.offsetTop < 步骤1（可见视口 + 滚动的高度）
            // 不成立-不管
            // 成立-修改图片的src地址 改成真是的  
            // console.log(item, item.offsetTop , maxShowHeight)
            if(item.offsetTop<maxShowHeight){
                // item.src = item.src-real  切记非标签默认属性 不能直接点
                item.src=item.getAttribute('src-real')
            }
    
        })
    
    }
    // 首次
    lazyload() 
    // window.onscroll = lazyload()  错误 undefined
    window.onscroll = lazyload